<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户管理</title>
    <link rel="stylesheet" href="./css/layout.css">
    <link rel="stylesheet" href="./css/user_management.css">
</head>
<body>
    <div class="root">
        <div class="header">
            <a href="./index.html">
                <img src="images/logo.png" alt="">
                <span>学生心理预警系统</span>
            </a>
        </div>
        <div class="banner">
            <div class="nav"></div>
            <div class="content">
                <div class="pos">用户管理</div>
                <form action="" name="">
                    <div class="formsty">
                        <div class="inputsty">
                            <label for="">姓名：</label><input type="text" id="">
                            <label for="">账号：</label><input type="text" id="">
                        </div>
                    </div>
                    <div class="btnsty">
                        <button>搜索</button>
                        <button>新增用户</button>
                    </div>
                </form>
                <form action="" name="">
                    <table>
                        <tr>
                            <th>账号</th>
                            <th>姓名</th>
                            <th>邮箱</th>
                            <th>手机号</th>
                            <th>角色</th>
                            <th>创建时间</th>
                            <th>操作</th>
                        </tr>
                        <tr>
                            <td>yuxq</td>
                            <td>余小乔</td>
                            <td>yuxiaoqiao@nuit.edu.cn</td>
                            <td>15625438999</td>
                            <td>咨询师</td>
                            <td>2024年6月25日</td>
                            <td class="opera">
                                <button>编辑</button>
                            </td>
                        </tr>
                        <tr>
                            <td>mingzhu</td>
                            <td>明珠</td>
                            <td>yuxiaoqiao@nuit.edu.cn</td>
                            <td>15625438999</td>
                            <td>辅导员</td>
                            <td>2024年6月25日</td>
                            <td class="opera">
                                <button>编辑</button>
                            </td>
                        </tr>
                        <tr>
                            <td>wulm</td>
                            <td>吴绿敏</td>
                            <td>yuxiaoqiao@nuit.edu.cn</td>
                            <td>15625438999</td>
                            <td>咨询师</td>
                            <td>2024年6月25日</td>
                            <td class="opera">
                                <button>编辑</button>
                            </td>
                        </tr>
                        <tr>
                            <td>liyp</td>
                            <td>李一平</td>
                            <td>yuxiaoqiao@nuit.edu.cn</td>
                            <td>15625438999</td>
                            <td>咨询师</td>
                            <td>2024年6月25日</td>
                            <td class="opera">
                                <button>编辑</button>
                            </td>
                        </tr>
                        <tr>
                            <td>tandzh</td>
                            <td>谭德政</td>
                            <td>yuxiaoqiao@nuit.edu.cn</td>
                            <td>15625438999</td>
                            <td>咨询师</td>
                            <td>2024年6月25日</td>
                            <td class="opera">
                                <button>编辑</button>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>
    <script src="./navcode.js"></script>
</body>
</html>